<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" value="jq_ajax">
</body>
</html>

<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
    $(window).ready(function () {
        $('input').on('click',function () {
                // 使用jq 发送ajax
                /*
                    常见参数:
                        url:请求的地址
                        success:请求成功的回调函数
                        type:不写是get 可以指定 get,post
                        dataType:数据的类型
                        data:发数据 可以写js对象
                        beforeSend:发送之前调用的匿名函数
                            可以return false 阻止该次请求
                            验证用户的数据 是否填了
                        error:请求失败以后 会调用
                */

                $.ajax({
                    url:'jq_ajax',
                    type:'post',
                    dataType:'json',
                    data:{"name":"lwh","age":23},
                    beforeSend:function () {
                        console.log("发送调用之前使用，例如检查数据是否为空");
                        return false;
                    },
                    success:function (data) {
                        console.log(data);
                    },

                    error:function () {
                        console.log("访问失败后进入此方法");
                    }
                });
        }) ;
    });
</script>